$(function() {
    // var id = id 
    function render() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getcategorytitle',
            success(info) {
                $('.main-line').html(template('tmp',info))
                // console.log(info);
                // console.log(id);
                
            }
        })
    }
    render()

    function rederone(id,that) {
        // var id = $('#box-a').data('id')
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getcategory?titleid='+id,
            success(info) {
                console.log(info);
                $(that).siblings('.box-down').html(template('tql',info))
                // console.log($('#box-a'));
                
            }
        })
    }
    rederone(0)
   
    $('.main-line').on('click','.box-top',function() {
        var id = $(this).data('id')
        var that = $(this)
        $(this).siblings().toggleClass('hideone')
        rederone(id,that)
        // console.log(id,$(this));
        
        

    })

})